<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
	<link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">

	<style>
		.jumbortron{
			background: #e9ecef;
		}
		.text-center{
			padding: 50px;
		}
		header{
			margin-top: 30px;
		}
	</style>
</head>
<body>
	<div class="jumbortron jumbortron-fluid">
		<div class="container text-center">
			<h1 class="display-4">翻译</h1>
			<p class="lead">中英互译</p>
		</div>
	</div>
	<header>
	<div class="container">
		<div class="row justify-content-between mb-3">
			<div class="col-md-3">
				<div class="btn-group btn-block role="group" aria-label="Basic example" id="btn_if">
					<button type="button" class="btn btn-primary" disabled="disabled">中文</button>
					<button type="button" class="btn btn-light" disabled="disabled">英文</button>
				</div>
			</div>
			<div class="col-md-3">
				<button type="button" class="btn btn-secondary btn-block" id="btn_swap" onclick="lan()">
					<i class="fas fa-arrows-alt-h"></i>
				</button>
			</div>
			<div class="col-md-3">
				<div class="btn-group btn-block role="group" aria-label="Basic example" id="btn_that">
					<button type="button" class="btn btn-primary" disabled="disabled">英文</button>
					<button type="button" class="btn btn-light" disabled="disabled">中文</button>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				<div class="form-group">
					<textarea class="form-control" rows="5" id="text_if"></textarea>
				</div>
			</div>
			<div class="col-md-6">
				<div class="form-group">
					<textarea class="form-control" rows="5" id="text_that" placeholder="翻译" readonly="readonly"></textarea>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-3">
				<button type="button" class="btn btn-primary btn-block btn-lg" id="btn-res" onclick="res()">翻译</button>
			</div>
		</div>
	</div>
	</header>
	<script src="js/script.js"></script>
</body>
</html>
